<!DOCTYPE html>
<html>
<head>
    <title>Daily Deals</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link type="text/css" rel="stylesheet" href="css/jquery.mobile-1.0.css" />
    <link type="text/css" rel="stylesheet" href="css/jquery.mobile.structure-1.0.css" />
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <script type="text/javascript" src="js/ext/jquery-1.6.4.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/ext/jquery.mobile-1.0.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>

<body>
<div data-role="page" id="main">

    <div data-role="header">
        <h1>Deals Track <a href="#locality" class="link-city"></a></h1>
        <a href="#settings" data-icon="gear" class="ui-btn-right">Options</a>
    </div>

    <div data-role="content">

        <form action="#" data-ajax="false" method="get" id="form-search">
        <label for="search-query" class="ui-hidden-accessible">Search</label>
        <input type="search" name="query" id="search-query" value="" data-theme="b" placeholder="Search" />
        </form>
        <br />
        <div id="content">
            <ul id="deals-list" data-role="listview" data-theme="b"></ul>
        </div>
    </div>
    
    <div data-role="footer">
	<div data-role="navbar">
            <ul>
                <li><a href="javascript:;" id="link-more" data-icon="arrow-d" class="hidden">gimme more (<span id="count-total">0</span>)</a></li>
            </ul>
	</div><!-- /navbar -->
    </div>
</div>
    
<!-- Start preview page -->
<div data-role="page" id="preview">

	<div data-role="header">
            <h1>Deal Details</h1>
	</div><!-- /header -->

        <div data-role="content">
	<div id="preview-map"></div>
            <h2 id="preview-title"></h2>
        <div data-role="navbar" data-theme="b">
            <ul>
                <li><a href="javascript:;" class="deal-tab">$ <span id="preview-price"></span> ONLY</a></li>
                <li><a href="javascript:;" class="deal-tab"><span id="preview-off"></span> % OFF</a></li>
            </ul>
        </div>
            <div id="preview-expire">
                
            </div>
            <div id="preview-img" style="float: left;"></div>
		<p id="preview-description"></p>
	</div><!-- /content -->

	<div data-role="footer">
        <div data-role="navbar" data-theme="b">
            <ul>
                <li><a href="#main" data-icon="arrow-l" class="ui-btn-left">Back to Track</a></li>
                <li><a href="javascript:;" class="deal-tab" data-icon="star">Claim this Deal</a></li>
            </ul>
        </div>
        
	</div><!-- /footer -->
</div><!-- /page -->
    
<!-- Start location page -->
<div data-role="page" id="locality">

	<div data-role="header">
        <h1>Location</h1>
	</div><!-- /header -->

        <div data-role="content">
        <div>
            <form action="#" method="post" id="form-location">
            <input type="search" value="" id="field-location" size="40" />
            </form>
        </div>
        <br />
        Drag and drop icon to your Location
        <div id="map" class="map"></div>

	</div><!-- /content -->

	<div data-role="footer">
        <a href="#main" data-icon="arrow-l" class="ui-btn-left">Back to Track</a>
	</div><!-- /footer -->
</div><!-- /page -->
    
<!-- Start settings page -->
<div data-role="page" id="settings">

	<div data-role="header">
            <h1>Deals Mixer</h1>
            <a href="#main" data-icon="arrow-l" class="ui-btn-left">Back</a>
            <a href="javascript:;" data-icon="check" class="ui-btn-right settings-save" data-theme="b">Get it!</a>
	</div><!-- /header -->

        <div data-role="content">
            <div>Location: <a href="#locality" class="link-city"></a></div>
            <label for="field-radius">Radius:</label>
            <input type="number" class="slider" name="radius" id="field-radius" value="0" min="5" max="50" />
            <form action="" method="post" id="form-settings">
            <label for="field-national">National Deals:</label>
            <select name="national" id="field-national" class="switch" data-role="slider">
                    <option value="false">No</option>
                    <option value="true">Yes</option>
            </select>
            <label for="field-price-max">Max $ Price:</label>
            <input type="number" class="slider" name="price_max" id="field-price-max" value="0" min="0" max="1000" />
            
            <label for="field-discount-min">Min % Discount:</label>
            <input type="number" class="slider" name="discount_min" id="field-discount-min" value="0" min="0" max="100" />
            
            <label for="field-categories" class="select">Categories:</label>
            <select name="categories" class="multi" id="field-categories" multiple="multiple" data-native-menu="false">
            <option></option><option value="activities-events">Activities & Events</option><option value="automotive-services">Automotive Services</option><option value="baby">Baby</option><option value="bars-clubs">Bars & Clubs</option><option value="boot-camp">Boot Camp</option><option value="bowling">Bowling</option><option value="bridal">Bridal</option><option value="chiropractic">Chiropractic</option><option value="city-tours">City Tours</option><option value="college">College</option><option value="comedy-clubs">Comedy Clubs</option><option value="concerts">Concerts</option><option value="dance-classes">Dance Classes</option><option value="dental">Dental</option><option value="dermatology">Dermatology</option><option value="dining-nightlife">Dining & Nightlife</option><option value="eye-vision">Eye & Vision</option><option value="facial">Facial</option><option value="fitness">Fitness</option><option value="fitness-classes">Fitness Classes</option><option value="food-grocery">Food & Grocery</option><option value="gay">Gay</option><option value="golf">Golf</option><option value="gym">Gym</option><option value="hair-removal">Hair Removal</option><option value="hair-salon">Hair Salon</option><option value="health-beauty">Health & Beauty</option><option value="home-services">Home Services</option><option value="jewish">Jewish</option><option value="kids">Kids</option><option value="kosher">Kosher</option><option value="life-skills-classes">Life Skills Classes</option><option value="makeup">Makeup</option><option value="manicure-pedicure">Manicure & Pedicure</option><option value="martial-arts">Martial Arts</option><option value="massage">Massage</option><option value="mens-clothing">Men's Clothing</option><option value="museums">Museums</option><option value="outdoor-adventures">Outdoor Adventures</option><option value="personal-training">Personal Training</option><option value="pets">Pets</option><option value="photography-services">Photography Services</option><option value="pilates">Pilates</option><option value="restaurants">Restaurants</option><option value="retail-services">Retail & Services</option><option value="skiing">Skiing</option><option value="skydiving">Skydiving</option><option value="spa">Spa</option><option value="special-interest">Special Interest</option><option value="sporting-events">Sporting Events</option><option value="tanning">Tanning</option><option value="teeth-whitening">Teeth Whitening</option><option value="theater">Theater</option><option value="travel">Travel</option><option value="treats">Treats</option><option value="wine-tasting">Wine Tasting</option><option value="womens-clothing">Women's Clothing</option><option value="yoga">Yoga</option>
            </select>
            
            <label for="field-providers" class="select">Providers:</label>
            <select name="providers" class="multi" multiple="multiple" id="field-providers" data-native-menu="false">
                <option></option><option id="optsel" value="Angie's List">Angie's List</option><option value="AP Daily Deals">AP Daily Deals</option><option value="blissmo">blissmo</option><option value="BuyWithMe.com">BuyWithMe.com</option><option value="catchFred">catchFred</option><option value="CouponMob">CouponMob</option><option value="CoupTessa">CoupTessa</option><option value="CrowdSavings">CrowdSavings</option><option value="DailyQ">DailyQ</option><option value="Dealagio">Dealagio</option><option value="Dealfind">Dealfind</option><option value="Deal Garden">Deal Garden</option><option value="DealGrind">DealGrind</option><option value="DealiN">DealiN</option><option value="DealPulp">DealPulp</option><option value="Deals4Dreams">Deals4Dreams</option><option value="Dealster">Dealster</option><option value="DealSwarm">DealSwarm</option><option value="EnjoyItMiami">EnjoyItMiami</option><option value="ethicalDeal">ethicalDeal</option><option value="Eversave">Eversave</option><option value="Everybody Buys">Everybody Buys</option><option value="FamilyFinds">FamilyFinds</option><option value="Foodsherpa">Foodsherpa</option><option value="getsugar">getsugar</option><option value="Gilt City">Gilt City</option><option value="Goldstar">Goldstar</option><option value="Green Box Top">Green Box Top</option><option value="GreenDeals">GreenDeals</option><option value="Groupigg">Groupigg</option><option value="Groupon">Groupon</option><option value="GrubHub">GrubHub</option><option value="Half Off Depot">Half Off Depot</option><option value="Homerun">Homerun</option><option value="iCoupon Online">iCoupon Online</option><option value="iDealDay">iDealDay</option><option value="iDealGolfer">iDealGolfer</option><option value="Imagine Daily Deals">Imagine Daily Deals</option><option value="jdeal">jdeal</option><option value="Juice in the City">Juice in the City</option><option value="KGB Deals">KGB Deals</option><option value="Lifebooker">Lifebooker</option><option value="Live Cosmo">Live Cosmo</option><option value="LiveOpenly">LiveOpenly</option><option value="LivingSocial">LivingSocial</option><option value="Mama411">Mama411</option><option value="Mamasource">Mamasource</option><option value="Mobile Spinach">Mobile Spinach</option><option value="Moms Love It">Moms Love It</option><option value="Neerg">Neerg</option><option value="Patch">Patch</option><option value="PetSimply">PetSimply</option><option value="Philly.com">Philly.com</option><option value="PhunDeals">PhunDeals</option><option value="Plum District">Plum District</option><option value="PopSugar City">PopSugar City</option><option value="Restaurant.com">Restaurant.com</option><option value="RestoBoom">RestoBoom</option><option value="SaveMore">SaveMore</option><option value="Saveology">Saveology</option><option value="Savored">Savored</option><option value="SayLocal">SayLocal</option><option value="Scoop St">Scoop St</option><option value="Screamin Daily Deals">Screamin Daily Deals</option><option value="SeatGeek">SeatGeek</option><option value="SF Station Deals">SF Station Deals</option><option value="Signpost">Signpost</option><option value="slcdailydeal.com">slcdailydeal.com</option><option value="SocialSteals">SocialSteals</option><option value="SpaRahRah">SpaRahRah</option><option value="Specialdeals">Specialdeals</option><option value="SwarmJam">SwarmJam</option><option value="The Campus Crowd">The Campus Crowd</option><option value="theCitySelect">theCitySelect</option><option value="The DailyDeal">The DailyDeal</option><option value="Times Leader">Times Leader</option><option value="Tippr">Tippr</option><option value="TownHog">TownHog</option><option value="Urban Adventures">Urban Adventures</option><option value="Weforia">Weforia</option><option value="Wimgo Deals">Wimgo Deals</option><option value="WinWin Living">WinWin Living</option><option value="Yelp">Yelp</option><option value="YGGI">YGGI</option><option value="Your Best Deals">Your Best Deals</option><option value="Zipdeals">Zipdeals</option><option value="Zozi">Zozi</option>
            </select>
            
            <div data-role="fieldcontain">
                <fieldset data-role="controlgroup" id="field-shortcuts">
                       <legend>Filters:</legend>
                       <input type="checkbox" name="shortcuts" id="field-daily" value="daily-deals" class="custom" checked="checked" />
                       <label for="field-daily">Daily deals only</label>
                       <input type="checkbox" name="shortcuts" id="field-female" value="women" class="custom" />
                       <label for="field-female">Women</label>
                       <input type="checkbox" name="shortcuts" id="field-male" value="men" class="custom" />
                       <label for="field-male">Men</label>
                </fieldset>
            </div>

            </form>
	</div><!-- /content -->
        
        <div data-role="footer" class="ui-bar">
            <a href="#main" data-icon="arrow-l" class="ui-btn-left">Back</a>
            <a href="javascript:;" data-icon="check" class="ui-btn-right settings-save" data-theme="b">Get it!</a>
            <a href="index.html" data-role="button" data-icon="delete" id="link-reset">Reset</a>
 
        </div><!-- /footer -->
</div><!-- /page -->
    
<script type="text/javascript">
$(document).ready(function(){
    dj.main.init();
    $( '#settings' ).live( 'pageinit', dj.settings.init);
    $( '#locality' ).live( 'pageinit', dj.geo.init);
    
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', 'UA-285257-11']);
     _gaq.push(['_trackPageview']);

     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = 'https://ssl.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
    
    _gaq.push(['_trackPageview']);
});
</script>
</body>

</html>